body {
    background-image: url(/images/aboutbackground2.png);
    color: #403038;
    font-family: simple;
   cursor: url(/images/cursors/melodydefault.png), auto;
}

body a {
    cursor: url(/images/cursors/melodylink.png), auto;
}

@font-face {
    font-family: rainyhearts;
    src: url(/fonts/rainyhearts.ttf)
}

@font-face {
    font-family: simple;
    src: url(/fonts/SimpleKindOfGirl-mnnm.ttf);
}

.container {
    height: 1px;
    width: 1px;
    margin: auto;
}

.portrait {
    position: relative;
    right: 300px;
    top: 260px;
    z-index: 1;
}

.movies {
    height: 300px;
    width: 300px;
    background-image: url(/images/moviescloud.png);
    position: relative;
    right: 650px;
    bottom: 400px;
}

.movies p {
    position: relative;
    top: 100px;
}

.books {
    height: 300px;
    width: 300px;
    background-image: url(/images/bookscloud.png);
    position: relative;
    bottom: 800px;
    left: 200px;
}

.books p {
    position: relative;
    top: 100px;
}

.shows {
    height: 300px;
    width: 300px;
    background-image: url(/images/showscloud.png);
    position: relative;
    bottom: 725px;
    left: 150px;
}

.shows p {
    position: relative;
    top: 100px;
}

.manga {
    height: 300px;
    width: 300px;
    background-image: url(/images/mangacloud2.png);
    position: relative;
    bottom: 1085px;
    right: 800px;
}

.manga p {
    position: relative;
    top: 110px;
}

.games {
    height: 300px;
    width: 300px;
    background-image: url(/images/gamescloud.png);
    position: relative;
    bottom: 1075px;
    right: 300px;
    z-index: 2;
}

.games p {
    position: relative;
    top: 110px;
}

.guestbook {
    position: relative;
    height: 200px;
    bottom: 1500px;
    left: 600px;
}

.guestbook:hover {
    transform: rotate(20deg);
}

.back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}